<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@page import="org.adoxx.basis.config.WebAppConfigurationManager"%>
<html lang="en">
<head>
<META http-equiv="Content-Type" content="text/html; UTF-8">
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta
content="This is the basic viewer implementation using the API service."
name="description">
<meta content="ADOxx.org Basic Model Viewer" name="author">
<title>ADOxxWeb HTML Documentation</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/modeldocu.css">
<script src="js/ie-emulation-modes-warning.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/ie10-viewport-bug-workaround.js"></script>
<script>
var apiBaseURL = "<%=WebAppConfigurationManager.getConfigurationManager().getConfigurationValueByKey("apiBaseURL")%>";
</script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button aria-controls="navbar" aria-expanded="false"
data-target="#navbar" data-toggle="collapse"
class="navbar-toggle collapsed" type="button">
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span
class="icon-bar"></span><span class="icon-bar"></span>
</button>
<a href="index.jsp#" class="navbar-brand">ADOxxWeb HTML
Documentation</a>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<!-- model list sidebar -->
<div class="col-sm-3 col-md-2 sidebar">
<ul class="nav nav-sidebar" id="toc">
<li class="active"><a href="index.html#"> Overview </a></li>
</ul>
</div>
<!-- overview model view -->
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<h1 class="page-header">Overview</h1>
<div class="row" id="modelOverview"></div>
</div>
</div>
</div>
<script>
(function() {
var ADOxxRestTOCAPI = apiBaseURL + 'services/rest/modelgroup/getModelList';
$.getJSON(ADOxxRestTOCAPI).done(
function(data) {
var models = data.result;
$.each(models, function(i, item) {
//list view in sidebar
var liElement = $('<li>').appendTo('#toc');
var aElement = $('<a>').attr("href",
'details.jsp?modelid=' +item.id).text(item.name).appendTo(
liElement);
//overview representation
$('#modelOverview').append('<div class="col-sm-6 col-md-3"><div class="thumbnail"><a style="margin-bottom: 0px;" class="thumbnail" href="details.jsp?modelid='+item.id+'"><img title="'+item.name+'" alt="'+item.name+'" style="height: 200px; width: 100%; display: block;" src="'+apiBaseURL+'services/rest/model/getImage/'+item.id+'?scale=1.0"></a><div class="caption"><p>'+item.name+'</p></div></div></div>');
});
});
})();
</script>
</body>
</html>